<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城</title>
</head>
       <link rel="stylesheet" href="./css/font.css">
       <link rel="stylesheet" href="./css/reset.css">
       <style>
        .layout{
            width: 1190px;
            margin: 0 auto;
        }
        .top{
            height: 35px;
            background-color: #f5f5f5;
            border-bottom: 1px solid #f3f3f3;
            font-size: 12px;
        }
        .nav_left{
            float: left;
            line-height: 35px;
        }
        .nav a:hover{
            color: orange;
        }
        .nav_left a{
            font-family: "iconfont";
            margin-right: 25px;
        }
        .icon_adress{
            color: orange;
            font-size: 16px;
        }
        .nav_right{
            line-height: 35px;
            float: right;
        }
        .nav_right a{
            font-family: "iconfont";
            padding-right: 10px;
            margin-right: 3px;
        }
        .icon_shop{
            font-size: 16px;
        }
        .wrap{
            overflow: hidden;
            padding: 28px 0;
        }
        .wrap>div{
            float: left;
        }
        .input_title_wrap{
            margin-left: 150px;
        }
        .input_wrap{
            font-size: 0;
        }
        .search_input{
            font-family: "iconfont";
            width: 420px;
            border: 2px solid #ff6500;
            height: 36px;
            text-indent: 16px;
            outline: none;
            vertical-align: middle;
        }
        .search_input::placeholder{
            color: rgb(92, 92, 92);
        }
        .search_btn{
            width: 118px;
            height: 42px;
            border: none;
            background-color: #ff6500;
            color: white;
            font-size: 20px;
            vertical-align: middle;
        }
        .hot_search_wrap{
            margin-top: 10px;
        }
        .hot_search_wrap span{
            color: #333;
            font-size: 12px;
        }
        .hot_search_wrap span{
            padding: 0 10px;
            border-right: 1px solid black;
            cursor: pointer;
        }
        .hot_search_wrap span:first-child{
            padding-left: 0px;
        }
        .hot_search_wrap span:last-child{
            border: none;
        }
        .hot_search_wrap span:hover{
            color: red;
        }
        /* 侧边栏导航 */
        .left_nav{
            position: fixed;
            bottom: 100px;
        }
        .left_nav li{
            background-color: #f8f8f8;
            padding: 7px;
            border: 1px solid #e8e8e8;
        }
        .left_nav a{
            font-family: "iconfont";
            font-size: 14px;
        }
        .left_nav li:nth-of-type(5){
            background-color: #F60;
        }
        .left_nav li:nth-of-type(5) a{
            color: #fff;
        }
        .left_nav li:hover a{
            color: red;
        }
        .nav_wrap{
            height: 40px;
        }
        .icon_menu{
            float: left;
            width: 190px;
            height: 40px;
            background-color: #ff6500;
            font-family: "iconfont";
            color: #fff;
            font-size: 14px;
            line-height: 40px;
            margin: 0 auto;
        }
        .menu_logo{
            font-size: 20px;
            padding-left: 10px;
        }
        .icon_right{
            font-size: 14px;
            font-weight: bold;
            line-height: 40px;
        }
        .icon_right a:hover{
            color: orange;
        }
        .category_con {
            margin-top: -482px;
        }
        .icon_right a{
            padding-left: 15px;
            display: inline-block;
        }
        .category_con ul{
            background-color: #262221;
            width: 180px;
            height: 482px;
            background-color: #262221;
            font-size: 14px;
            color: #fff;
            z-index: 1;
            padding-left: 10px;
            line-height: 32px;
        }
        .category_con a{
            color: #fff;
        }
        .category_con a:hover{
            color: orange;
        }
        .banner1 {
            height: 482px;
            background: #f33853 url(./imagine/banner.jpg) no-repeat center top;
        }
        .slider_arrow {
            border-radius: 0 5px 5px 0;
            position: absolute;
            top: 445px;
            margin-top: -35px;
            width: 40px;
            height: 70px;
            color: #cfcfd1;
            cursor: pointer;
            line-height: 70px;
        }
        .arrow_left{
            margin-left: 555px;
        }
        .arrow_right{
            margin-left:  1500px;
        }
        .slider_nav {
            width: 214px;
            height: 30px;
            position: absolute;
            margin-top: -50px;
            left: 50%;
            margin-left: -107px;
        }
        .slider_nav li {
            margin: 0 5px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: #cfcfd1;
            float: left;
            margin: 0 5px;
            cursor: pointer;
        }
        .slider_nav li:hover{
            background-color: orange;
        }       
        .ov{
            overflow: hidden;
        }
        .main{
            height: 4000px;
            background-color: #f2f2f2;
            font-family: "微软雅黑";
        }
        .sale_left{
            width: 788px;
            height: 330px;
            background-color: #fff;
            float: left;
            border-radius: 4px;
            margin-top: 20px;
        }
        .sale_right{
            width: 392px;
            height: 330px;
            background-color: #fff;
            float: left;
            margin-left: 10px;
            border-radius: 4px;
            margin-top: 20px;
        }
        .sale_left_top{
            height: 45px;
            border-bottom: 1px solid #ececec;
            margin: 0 20px;
        }
        .time_logo{
            height: 45px;
            float: left;
            font-size: 25px;
            color: red;
            font-weight: bold;
            line-height: 45px;
        }
        .time_next{
            height: 45px;
            float: left;
            line-height: 45px;
            margin-left: 10px;
            font-size: 14px;
        }
        .count_down{
            height: 45px;
            float: left;
            margin-top: 10px;
        }
        .count_down span:nth-child(n){
            width: 25px;
            height: 25px;
            border-radius: 3px;
            background-color: #333;
            font-size: 16px;
            color: #fff;
            line-height: 25px;
            text-align: center;
            float: left;
            margin-left: 10px;
        }
        .time_16{
            float: right;
            width: 133px;
            height: 24px;
            margin: 12px 19px 0 0;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
            cursor: default;
        }
        .time_13{
            float: right;
            width: 133px;
            height: 24px;
            margin: 12px 19px 0 0;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
            cursor: default;
            background-image: linear-gradient(90deg, #f60 7%, #f22 97%);
            border-radius: 31px;
            color: #FFF;
        }
        .sale_left_bottom{
            height: 280px;
            width: 100%;
            overflow: hidden;
            position: relative;
            top: -10px;
        }
        .sale_left_bottom>ul{
            width: 1000px;  
        }
        .sale_left_bottom>ul>li{
            width: 200px;
            height: 280px;
            float: left;
        }
        .sale_left_bottom>ul>li>img{
            display: block;
            width: 170px;
            height: 170px;
            margin: 20px 15px 12px;
            transition: all .5s;
        }
        .sale_left_bottom>ul>li>img:hover{
            transform: scale(1.05,1.05);
        }
        .sale_left_bottom p:first-of-type{
            width: 170px;
            height: 20px;
            margin: 0 0 0 20px;
            color: #333;
            font-size: 14px;
            line-height: 20px;
        }
        .sale_left_bottom p:nth-of-type(2) span:nth-of-type(1){
            line-height: 21px;
            color: #F60;
            font-size: 20px;
        }
        .sale_left_bottom p:nth-of-type(2){
            height: 21px;
            margin: 6px 4px 0 20px;
        }
        .sale_left_bottom p:nth-of-type(2) span:nth-of-type(2){
            line-height: 16px;
            color: #999;
            font-size: 14px;
            margin-left: 6px;
            text-decoration: line-through;
        }
        .sale_left_bottom p:nth-of-type(3){
            float: left;
            margin-left: 105px;
            color: #999;
            font-size: 14px;
        }
        .sale_right_top{
            height: 45px;
            border-bottom: 1px solid #ececec;
            margin: 0 20px;
        }
        .sale_right_top_left{
            height: 45px;
            float: left;    
            font-size: 25px;
            font-weight: bold;
            line-height: 45px;
        }
        .sale_right_top_right{
            font-family: "iconfont";
            float: right;
            height: 45px;
            line-height: 45px;
            color: #999;
            font-size: 14px;
        }
        .sale_right_bottom{
            padding: 17px 20px 12px;
            width: 390px;
            height: 200px;
            box-sizing: border-box;
            position: relative;
        }
        .sale_right_bottom>img{
            display: block;
            width: 100%;
            border-radius: 4px;
        }
        .sale_right_bottom>.small_logo{
            position: absolute;
            left: 40px;
            top: 55px;
            width: 158px;
            height: 98px;
            border: 1px solid #fff;
            border-radius: 10px 24px 10px 24px;
        }
        .sale_right_bottom>.small_logo>.small_logo_bac{
            width: 152px;
            height: 92px;
            background: #fff;
            border-radius: 8px 22px 8px 22px;
            margin: 3px;
            overflow: hidden;
        }
        .sale_right_bottom>.small_logo>.small_logo_bac>img{
            display: block;
            width: 65px;
            height: 30px;
            margin-top: 6px;
            margin-left: 45px;
        }
        .small_logo_bac p:nth-of-type(1){
            height: 28px;
            line-height: 28px;
            font-size: 20px;
            color: #333;
            text-align: center;
        }
        .small_logo_bac p:nth-of-type(2){
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            color: #333;
            text-align: center;
        }
        .small_logo_bac p:nth-of-type(2) span:nth-of-type(1){
            color: #ff2517;
            margin-left: -5px;
        }
        .sale_right_footer>ul{
            overflow: hidden;
            margin: 0 auto;
            width: 355px;
        }
        .sale_right_footer>ul>li{
            float: left;
            position: relative;
            width: 106px;
            height: 68px;
            border: 1px solid #f2f2f2;
            border-radius: 4px;
            margin-right: 12px;
        }
        .current{
            margin: 0 !important
        }
        .sale_right_footer>ul>li>img{
            display: block;
            width: 90px;
            height: 46px;
            margin: 0 9px 3px;  
        }
        .sale_right_footer p:nth-of-type(n){
            color: #333;
            width: 100%;
            height: 14px;
            line-height: 14px;
            font-size: 14px;
            text-align: center;
            overflow: hidden;
        }
        .rank_left{
            float: left;
            width: 392px;
            margin-right: 10px;
            height: 430px;
            background-color: #fff;
            margin-top: 20px;
        }
        .rank_right{
            float: left;
            width: 788px;
            height: 430px;
            background-color: #fff;
            margin-top: 20px;
        }
        .rank_left_top{
            color: #db5757;
            background: #fdf6f6;
            width: 100%;
            height: 45px;
            padding-right: 10px;
            box-sizing: border-box;
        }
        .rank_left_top>span:nth-of-type(1){
            background: #db5757;
            float: left;
            width: 5px;
            height: 20px;
            margin-top: 12px;
        }
        .rank_left_top p:nth-of-type(1){
            float: left;
            font-weight: bold;
            font-size: 18px;
            line-height: 44px;
            margin-left: 15px;
        }
        .rank_left_top_right{
            float: right;
            height: 45px;
            width: 48.15px;
            line-height: 45px;
            color: #5a626f;
            font-size: 14px;
            font-family: "iconfont";
        }
        .tab_list{
            width: 370px;
            height: 39px;
            border-bottom: 1px solid #f2f2f2;
            margin: 0 auto;
            overflow: hidden;
        }
        .tab_list li:nth-of-type(n){
            float: left;
            height: 24px;
            padding: 0 10px;
            overflow: hidden;
            margin: 7px 5px 0;
            text-align: center;
            border-radius: 12px;
            font-size: 14px;
            color: #333;
            line-height: 24px;
            cursor: default;
        }
        .tab_list li:nth-of-type(1){
            color: #FFF;
            background-image: linear-gradient(90deg, #db5757 0, #f86e6e 100%);
            float: left;
            height: 24px;
            padding: 0 10px;
            overflow: hidden;
            margin: 7px 5px 0;
            text-align: center;
            border-radius: 12px;
            font-size: 14px;
            line-height: 24px;
            cursor: default;
        }
        .rank_left>.list{
            overflow: hidden;
            width: 100%;
            margin-top: 20px;
        }
        .rank_left>.list>ul{
            float: left;
            width: 350px;
            margin: 12px 20px 0;
        }
        .rank_left>.list>ul>li{
            position: relative;
            width: 350px;
            height: 90px;
            margin-bottom: 19px;
            font-size: 14px;
        }
        .rank_left>.list>ul>li>img{
            float: left;
            width: 90px;
            height: 90px;
            background: 0;
        }
        .right_content{
            float: left;
            width: 240px;
            margin-left: 20px;
        }
        .right_content p:nth-of-type(1){
            width: 240px;
            height: 36px;
            margin-top: 10px;
            line-height: 18px;
            overflow: hidden;
        }
        .right_content p:nth-of-type(2){
            float: left;
            font-size: 14px;
            color: #db5757;
            line-height: 20px;
            margin-top: 10px;
        }
        .right_content p:last-of-type{
            float: right;
            margin-top: 10px;
            background: #ffdfdf;
            color: #db5757;
            padding: 0 6px;
            height: 20px;
            line-height: 20px;
            border-radius: 100px;
        }
        .rank_right_title{
            color: #1498e3;
            background: #f7faf9;
            width: 100%;
            height: 45px;
            padding-right: 10px;
            box-sizing: border-box;
        }
        .rank_right_title>span:nth-of-type(1){
            background: #1498e3;
            float: left;
            width: 5px;
            height: 20px;
            margin-top: 12px;
        }
        .rank_right_title p:first-of-type{
            float: left;
            font-weight: bold;
            font-size: 18px;
            line-height: 44px;
            margin-left: 15px;
        }
        .rank_right_title_right{
            font-family: "iconfont";
            float: right;
            height: 45px;
            line-height: 45px;
            color: #5a626f;
            font-size: 14px;
        }
        .rank_right_bottom{
            height: 363px;
            margin: 0 10px;
            padding-top: 8px;
            overflow: hidden;
            background: #FFF;
        }
        .rank_right_bottom>ul{
            height: 364px;
        }
        .rank_right_bottom>ul>li{
            position: relative;
            float: left;
            width: 185px;
            height: 181px;
            border-width: 0 1px 1px 0;
            border-color: #f2f2f2;
            border-style: solid;
        }
        .rank_right_bottom>ul>li>img{
            position: absolute;
            width: 110px;
            height: 110px;
            top: 0;
            left: 37px;
            transition: all .5s;
        }
        .rank_right_bottom>ul>li>img:hover{
            transform: scale(1.05,1.05);
        }
        .rank_right_bottom p:nth-of-type(1){
            width: 170px;
            height: 20px;
            line-height: 20px;
            margin: 123px auto 0;
            text-align: center;
            font-size: 14px;
            color: #222;
            overflow: hidden;
        }
        .rank_right_bottom p:nth-of-type(2){
            width: 170px;
            height: 14px;
            margin: 6px auto 0;
            color: #1498e3;
            line-height: 14px;
            text-align: center;
            font-size: 14px;
        }
        .ad_pic{
            margin-top: 20px;
            width: 1190px;
            margin-left: auto;
            margin-right: auto;
            float: left;
        }
        .ad_pic>a>img{
            width: 397px;
            border: none;
            display: block;
        }
        .ad_pic>a{
            float: left;
        }
        .ad_pic img:last-of-type{
            width: 396.666666px;
        }
        .adv{
            margin-top: 20px;
            width: 1190px;
            margin-left: auto;
            margin-right: auto;
            float: left;
        }
        .adv_left{
            width: 189px;
            height: 260px;
            float: left;
            box-sizing: border-box;
            cursor: pointer;
            background: url(./imagine/find01.png);
            padding: 15px 0px 0px 15px;
        }
        .adv_left>.text{
            width: 160px;
            height: 89px;
            background: url(./imagine/find02.png);
        }
        .text p:nth-of-type(1){
            color: rgba(255, 255, 255, 0.8);
            font-size: 16px;
            padding-top: 55px;
            padding-left: 20px;
            padding-bottom: 10px;
            display: block;
            font-family: "iconfont";
        }
        .adv_right{
            height: 260px;
            float: left;
            overflow: hidden;
            margin-left: 10px;
        }
        .adv_right_main{
            height: 260px;
            width: 990px;
            background: white;
        }
        .box{
            display: block;
            width: 150px;
            height: 260px;
            padding-top: 50px;
            box-sizing: border-box;
            float: left;
            margin-right: 48px;
        }
        .box1{
            display: block;
            width: 150px;
            height: 260px;
            box-sizing: border-box;
            float: left;
            margin-right: 48px;
        }
        .adv_right_main p:nth-of-type(1){
            display: block;
            float: left;
            width: 150px;
            height: 30px;
            text-align: center;
            font-size: 14px;
            line-height: 30px;
            color: #333;
        }
        .adv_right_main>a>img{
            display: block;
            transition: all .5s;
        }
        .adv_right_main>a>img:hover{
            transform: scale(1.05,1.05);
        }
        .smart{
            margin-top: 20px;
            width: 1190px;
            margin-left: auto;
            margin-right: auto;
            float: left;
        }
        .smart_left{
            width: 590px;
            height: 407px;
            float: left;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 8px #eee;
            overflow: hidden;
            margin-top: 20px;
        }
        .smart_left_title{
            width: 100%;
            height: 47px;
            background: #f9f9f9;
        }
        .smart_left_title_left{
            float: left;
            width: 190px;
            height: 47px;
        }
        .smart_left_title_left span:first-of-type{
            float: left;
            width: 4px;
            height: 20px;
            margin-top: 14px;
            background-color: #3299CC;
        }
        .smart_left_title_left p:first-of-type{
            color: #3299CC;
            margin-left: 11px;
            font: bold 18px/44px "微软雅黑";
            float: left;
        }
        .smart_code{
            position: relative;
            float: left;
            width: 18px;
            height: 18px;
            margin: 14px 0 0 8px;
            z-index: 1;
        }
        .smart_code>img{
            display: block;
        }
        .smart_left_title_right{
            float: right;
            margin: 14px 18px 0 0;
        }
        .smart_left_title_right a{
            float: right;
            margin-left: 20px;
            font: 14px/20px "微软雅黑";
            color: #666;
            text-decoration: none;
        }
        .smart_left_bottom{
            width: 100%;
            height: 360px;
        }
        .smart_left_pic{
            float: left;
            position: relative;
            width: 190px;
            height: 360px;
            cursor: pointer;
        }
        .smart_left_pic>img {
            display: block;
            width: 190px;
            height: 360px;
        }
        .smart_left_bottom>.smart_left_pic>.smart_left_bottom_over{
            position: absolute;
            width: 160px;
            height: 60px;
            left: 0;
            bottom: 40px;
            opacity: .5;
            background: #000;
            border-radius: 0 8px 8px 0;
        }
        .smart_left_pic p:nth-of-type(1){
            position: absolute;
            top: 267px;
            left: 14px;
            width: 140px;
            height: 24px;
            overflow: hidden;
            color: #FFF;
            font: bold 20px/24px "微软雅黑";
        }
        .smart_left_pic p:nth-of-type(2){
            position: absolute;
            top: 296px;
            left: 14px;
            color: #FFF;
            width: 140px;
            height: 16px;
            overflow: hidden;
            font: 12px/16px "微软雅黑";
        }
        .smart_left_img{
            position: relative;
            float: left;
            width: 400px;
            height: 360px;
            overflow: hidden;
        }
        .smart_left_img li{
            position: relative;
            float: left;
            width: 199px;
            height: 179px;
            border-width: 0 0 1px 1px;
            border-color: #f9f9f9;
            border-style: solid;
            overflow: hidden;
        }
        .smart_left_img>li>a{
            color: #333333;
        }
        .smart_left_img p:nth-of-type(1){
            width: 180px;
            height: 24px;
            overflow: hidden;
            text-align: center;
            margin: 14px auto 0;
            font: 16px/24px "微软雅黑";
            color: #333;
        }
        .smart_left_img p:nth-of-type(2){
            width: 180px;
            height: 20px;
            overflow: hidden;
            text-align: center;
            margin: 0 auto;
            font: 12px/20px "微软雅黑";
            position: relative;
            color: #3299CC;
        }
        .smart_left_img>li>a>img{
            display: block;
            width: 120px;
            height: 120px;
            margin: 0 auto;
            transition: all .5s;
        }
        .smart_left_img>li>a>img:hover{
            transform: scale(1.05,1.05);
        }
        .car_right{
            width: 590px;
            height: 407px;
            float: left;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 8px #eee;
            overflow: hidden;
            margin-top: 20px;
            margin-left: 10px;
        }
        .home_life_left{
            width: 590px;
            height: 407px;
            float: left;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 8px #eee;
            overflow: hidden;
            margin-top: 20px;
        }
        .home_right{
            width: 590px;
            height: 407px;
            float: left;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 8px #eee;
            overflow: hidden;
            margin-top: 20px;
            margin-left: 10px;
        }
        .home_life_left>.smart_left_title>.smart_left_title_left>p{
            color: #C96B2C;
        }
        .home_life_left>.smart_left_title>.smart_left_title_left>span{
            background: #C96B2C;
        }
        .home_life_left>.smart_left_bottom>.smart_left_img p:nth-of-type(2){
            color: #C96B2C;
        }
        .home_right>.smart_left_title>.smart_left_title_left>p{
            color: #B15641;
        }
        .home_right>.smart_left_title>.smart_left_title_left>span{
            background: #B15641;
        }
        .home_right>.smart_left_bottom>.smart_left_img p:nth-of-type(2){
            color: #B15641;
        }
        .guess_like{
            margin-top: 20px;
            width: 1190px;
            margin-left: auto;
            margin-right: auto;
            float: left;
        }
        .guess_like>.guess_title{
            width: 100%;
            height: 22px;
            background: #f9f9f9;
        }
        .guess_title span:first-of-type{
            float: left;
            width: 3px;
            height: 20px;
            background: #fe9901;
        }
        .guess_title h5:first-of-type{
            float: left;
            margin-left: 12px;
            font: bold 18px/20px "微软雅黑";
        }
        .guess_center{
            margin-top: 8px;
            padding: 1px 0;
            background: #EEE;
        }
        .guess_center>ul>li{
            position: relative;
            float: left;
            width: 237px;
            height: 340px;
            margin: 1px 0 0 1px;
            background: #FFF;
            overflow: hidden;
        }
        .guess_center>ul>li>a>img{
            display: block;
            width: 200px;
            height: 200px;
            margin: 20px auto 0; 
            transition: all .5s;
        }
        .guess_like>.guess_center>ul>li>a>img:hover{
            transform: scale(1.05, 1.05);
        }

        .guess_center p:first-of-type{
            width: 193px;
            height: 40px;
            margin: 15px auto 5px;
            overflow: hidden;
            font: 12px/20px "微软雅黑";
            word-break: break-all;
        }
        .guess_center>ul>li>a>.guess_price{
            margin-left: 20px;
            color: #F60;
            font: bold 16px/18px "微软雅黑";
        }
        .guess_center p:last-of-type{
            position: relative;
            width: 200px;
            height: 16px;
            margin: 7px auto 0;
            overflow: hidden;
        }
        .guess_center>ul>li>a>p>.cut{
            float: left;
            padding: 0 2px;
            height: 16px;
            color: #FFF;
            font: 12px/16px "微软雅黑";
            background: #F40;
            margin-right: 10px;
            border-radius: 3px;
            white-space: nowrap;
        }
        .guess_too{
            position: absolute;
            right: 22px;
            top: 278px;
        }
        .guess_too a{
            float: left;
            width: 44px;
            height: 20px;
            border: 1px solid #f60;
            border-radius: 4px;
            text-align: center;
            color: #F60;
            line-height: 20px;
            font-size: 14px;
            word-break: keep-all;
        }
        .end{
            float: left;
            position: relative;
            width: 112px;
            height: 22px;
            text-align: center;
            color: #CCC;
            margin: 15px 540px;
            font: 18px/22px "微软雅黑";
        }
        .end span:nth-child(1){
            position: absolute;
            top: 11px;
            width: 97px;
            height: 1px;
            background: #CCC;
            left: -97px;
        }
        .end span:nth-child(2){
            position: absolute;
            top: 11px;
            width: 97px;
            height: 1px;
            background: #CCC;
            right: -97px;
        }
        .footer{
            width: 100%;
            height: 340px;
            background-color: #333;
            overflow: hidden;
            margin-top: 10px;
            padding-top: 17px;
            background: #333333;
        }
        .footer{
            text-align: center;
        }
        .footer_top>ul{
            display: inline-block;
            margin: 0 70px;
        }
        .footer_top li:nth-child(n){
            /* height: 48px; */
            color: #a7a7a7;
            line-height: 30px;
        }
        .footer_top>ul li:nth-child(1){
            height: 48px;
            color: #a7a7a7;
            font-size: 18px;            
            line-height: 48px;
        }
        .footer_top>ul li{
            cursor: pointer;
        }
        .footer_top>ul li:nth-child(n+2):hover{
            color: #ff6500;
        }
        .footer_bottom{
            border-top: 1px solid #3f3f3f;
            padding: 25px 0;
            text-align: center;
            color: #646464;
            font: 12px/26px simsun;
            margin-top: 35px;
        }
       </style>
<body>
    <!-- 导航顶部 -->
    <div class="top">
        <div class="layout nav">
            <div class="nav_left">
                <a href="javascript:;">网站导航 &#xe520;</a>
                <a href="javascript:;">商家入驻 &#xe520;</a>
                <a href="javascript:;">客户服务 &#xe520;</a>
                <a href="javascript:;"><span class="icon_adress">&#xed14;</span> 北京 <span>&#xe520;</span></a>
            </div>
            <div class="nav_right">
                <a href="javascript:;">请登录</a>
                <a href="javascript:;">注册有礼</a>
                <a href="javascript:;">我的订单&#xe520;</a>
                <a href="javascript:;">我的购物&#xe520;</a>
                <a href="javascript:;">小U会员</a>
                <a href="javascript:;"><span class="icon_shop"> &#xf0179;</span> 购物车 0 &#xe520;</a>
                <a href="javascript:;">易付宝</a>
                <a href="javascript:;">企业采购</a>
                <a href="javascript:;">手机小U &#xe520;</a>
            </div>
        </div>
    </div>
    <!-- logo部分 -->
    <div class="wrap layout">
        <div>
            <img src="./imagine/logo.jpg "alt="">
        </div>
        <div class="input_title_wrap">
            <div class="input_wrap">
                <input class="search_input" type="text" placeholder="&#xe501;&nbsp;&nbsp; 到店每300减30">
                <input class="search_btn" type="button" value="搜索">
            </div>
            <div class="hot_search_wrap">
                <span>手机</span>
                <span>电动牙刷</span>
                <span>电视</span>
                <span>海尔空调</span>
                <span>洗衣机</span>
                <span>茅台</span>
                <span>热水器</span>
                <span>ipad</span>
                <span>微波炉</span>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav_wrap layout">
        <div class="icon_menu"><i class="menu_logo">&#xe62f;</i>全部商品分类</div>
        <div class="icon_right">
            <a href="javascript:;">限时抢购</a>
            <a href="javascript:;">红孩子</a>
            <a href="javascript:;">小U超市</a>
            <a href="javascript:;">电器城</a>
            <a href="javascript:;">生活家电</a>
            <a href="javascript:;">时尚服装</a>
            <a href="javascript:;">金融</a>
        </div>
    </div>
    <!-- 轮播 -->
    <div class="slider_wrap">
        <ul>
            <li class="banner1"></li>
        </ul>
        <div class="slider_cont">
            <ul class="slider_nav">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li class="active"></li>
                <li></li>
            </ul>
            <span class="slider_arrow arrow_left">
                <i class="iconfont icon_arrow">&#xe606;</i>
            </span>

            <span class="slider_arrow arrow_right">
                <i class="iconfont icon_arrow">&#xe603;</i>
            </span>


        </div>
    </div>
    <!-- 菜单栏 -->
    <div class="category_con layout">
        <ul>
            <li class="category_item">
                <a href="#">手机</a>
                <i>|</i>
                <a href="#">运营商</a>
                <i>|</i>
                <a href="#">智能数码</a>
            </li>
            <li class="category_item">
                <a href="#">空调</a>
                <i>|</i>
                <a href="#">电视</a>
                <i>|</i>
                <a href="#">冰箱</a>
                <i>|</i>
                <a href="#">洗衣机</a>
            </li>
            <li class="category_item">
                <a href="#">厨卫大电</a>
                <i>|</i>
                <a href="#">生活家电</a>
                <i>|</i>
                <a href="#">厨具</a>
            </li>
            <li class="category_item">
                <a href="#">电脑办公</a>
                <i>|</i>
                <a href="#">相机</a>
                <i>|</i>
                <a href="#">DIY</a>
            </li>
            <li class="category_item">
                <a href="#">家居</a>
                <i>|</i>
                <a href="#">家具</a>
                <i>|</i>
                <a href="#">家装</a>
                <i>|</i>
                <a href="#">家纺</a>
            </li>
            <li class="category_item">
                <a href="#">食品</a>
                <i>|</i>
                <a href="#">酒水</a>
                <i>|</i>
                <a href="#">生鲜</a>
                <i>|</i>
                <a href="#">特产</a>
            </li>
            <li class="category_item">
                <a href="#">美妆</a>
                <i>|</i>
                <a href="#">个护</a>
                <i>|</i>
                <a href="#">清洁</a>
                <i>|</i>
                <a href="#">宠物</a>
            </li>
            <li class="category_item">
                <a href="#">母婴</a>
                <i>|</i>
                <a href="#">玩具</a>
                <i>|</i>
                <a href="#">车床</a>
                <i>|</i>
                <a href="#">童装</a>
            </li>
            <li class="category_item">
                <a href="#">运动</a>
                <i>|</i>
                <a href="#">户外</a>
                <i>|</i>
                <a href="#">足球</a>
                <i>|</i>
                <a href="#">跑步机</a>
            </li>
            <li class="category_item">
                <a href="#">男装</a>
                <i>|</i>
                <a href="#">女装</a>
                <i>|</i>
                <a href="#">内衣</a>
                <i>|</i>
                <a href="#">鞋靴</a>
            </li>
            <li class="category_item">
                <a href="#">箱包</a>
                <i>|</i>
                <a href="#">钟表</a>
                <i>|</i>
                <a href="#">珠宝</a>
                <i>|</i>
                <a href="#">艺术</a>
            </li>
            <li class="category_item">
                <a href="#">汽车</a>
                <i>|</i>
                <a href="#">汽摩</a>
                <i>|</i>
                <a href="#">二手车</a>
                <i>|</i>
                <a href="#">车品</a>
            </li>
            <li class="category_item">
                <a href="#">图书</a>
                <i>|</i>
                <a href="#">艺术</a>
                <i>|</i>
                <a href="#">原版</a>
                <i>|</i>
                <a href="#">文学</a>
            </li>
            <li class="category_item">
                <a href="#">医药健康</a>
                <i>|</i>
                <a href="#">计生情趣</a>
            </li>
            <li class="category_item">
                <a href="#">理财</a>
                <i>|</i>
                <a href="#">分期</a>
                <i>|</i>
                <a href="#">保险</a>
            </li>
        </ul>
    </div>
    <div class="main">
        <div class="layout">
            <div class="sale_left">
                <div class="sale_left_top">
                    <div class="time_logo">限时抢购</div>
                    <div class="time_next">距离下场</div>
                    <div class="count_down">
                        <span>03</span>
                        <span>41</span>
                        <span>16</span>
                    </div>
                    <div class="time_16">16:00场-即将开枪</div>
                    <div class="time_13">13:00场-正在疯抢</div>
                </div>
                <div class="sale_left_bottom">
                    <ul>
                        <li>
                            <img src="./imagine/01.jpg">
                            <p>【预售2月20号发货】</p>
                            <p>
                                <span>¥6.6</span>
                                <span>¥19.9</span>
                            </p>
                            <p>已抢35%</p>
                        </li>
                        <li>
                            <img src="./imagine/02.jpg">
                            <p>【2月12日之前发货】</p>
                            <p>
                                <span>¥9.9</span>
                                <span>¥19.9</span>
                            </p>
                            <p>已抢35%</p>
                        </li>
                        <li>
                            <img src="./imagine/03.png">
                            <p>苗家十八洞 麻阳冰糖橙2.5</p>
                            <p>
                                <span>¥6.6</span>
                                <span>¥19.9</span>
                            </p>
                            <p>已抢35%</p>
                        </li>
                        <li>
                            <img src="./imagine/04.jpg">
                            <p>福建六鳌红薯2.5斤小番薯</p>
                            <p>
                                <span>¥6.6</span>
                                <span>¥39.9</span>
                            </p>
                            <p>已抢45%</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="sale_right">
                <div class="sale_right_top">
                    <div class="sale_right_top_left">大聚惠</div>
                    <div class="sale_right_top_right">更多 <span class="more">&#xe63e;</span></div>
                </div>
                <div class="sale_right_bottom">
                    <div class="small_logo">
                        <div class="small_logo_bac">
                            <img src="./imagine/banner02.jpg">
                            <p>爆款直降</p>
                            <p>
                                仅剩
                                <span>9小时</span>
                            </p>
                        </div>
                    </div>
                    <img src="./imagine/banner01.jpg">
                </div>
                <div class="sale_right_footer">
                    <ul>
                        <li>
                            <img src="./imagine/banner03.jpg">
                            <p>爆款低至五折</p>
                        </li>
                        <li>
                            <img src="./imagine/banner02.jpg">
                            <p>爆款直降</p>
                        </li>
                        <li class="current">
                            <img src="./imagine/banner04.jpg">
                            <p>爆款直降</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="rank_left">
                <div class="rank_left_top">
                    <span></span>
                    <p>排行榜</p>
                    <div class="rank_left_top_right">
                            更多
                            <span>&#xe63e;</span>
                    </div>
                    </div>
                    <div class="content">
                        <div class="tab_list">
                            <ul style="left: 0px;">
                                <li>精选</li>
                                <li>休闲食品</li>
                                <li>纸品清洁</li>
                                <li>干货调味</li>
                            </ul>
                        </div>
                    </div>
                    <div class="list">
                        <ul>
                            <li>
                                <img src="imagine/list01.jpg">
                                <div class="right_content">
                                    <p>好时 KISSES好时之吻曲奇奶香白巧克力82g</p>
                                    <p>¥15.50</p>
                                    <p>休闲食品销量NO1</p>
                                </div>
                            </li>
                            <li>
                                <img src="imagine/list02.jpg">
                                <div class="right_content">
                                    <p>蓝月亮 衣领净500g瓶 喷雾头衣领净 衣领清洁剂</p>
                                    <p>¥32.90</p>
                                    <p>纸品清洁销量NO1</p>
                                </div>
                            </li>
                            <li>
                                <img src="imagine/list03.jpg">
                                <div class="right_content">
                                    <p>加加鲜味鲜生抽500ml 酿造生抽酱油 点蘸凉拌菜炒菜调味料调味品</p>
                                    <p>¥5.90</p>
                                    <p>干货调味销量NO1</p>
                                </div>
                            </li>
                        </ul>
                    </div>
            </div>
            <div class="rank_right">
                <div class="rank_right_title">
                    <span></span>
                    <p>人气好货</p>
                    <div class="rank_right_title_right">
                        更多
                        <span>&#xe63e;</span>
                    </div>
                </div>
                <div class="rank_right_bottom">
                    <ul>
                        <li>
                            <img src="./imagine/item1.jpg">
                            <p>美的 料理机</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item2.jpg">
                            <p>美的智能微波炉</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item3.jpg">
                            <p>白猫柔顺高效洗衣液</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item4.jpg">
                            <p>伊莱克斯 咖啡机</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item5.jpg">
                            <p>智能加湿 空气净化器</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item6.jpg">
                            <p>小熊全自动煎药壶</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item7.jpg">
                            <p>象印不锈钢电水壶</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                        <li>
                            <img src="./imagine/item8.jpg">
                            <p>康巴赫防溢不粘炖锅</p>
                            <p>
                                <span>318</span>
                                <span>人都说好</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="ad_pic">
                <a href="">
                    <img src="./imagine/img1.jpg">
                </a>
                <a href="">
                    <img src="./imagine/img2.jpg">
                </a>
                <a href="">
                    <img src="./imagine/img3.jpg">
                </a>
            </div>
            <div class="adv">
                <div class="adv_left">
                    <div class="text">
                        <p>
                            探索新生活
                            <span>&#xe63e;</span>
                        </p>
                    </div>
                </div>
                <div class="adv_right">
                    <div class="adv_right_main">
                        <a href="#" class="box">
                            <p>小米 大量风 吹风机</p>
                            <img src="./imagine/k1.webp">
                        </a>
                        <a href="#" class="box1">
                            <img src="./imagine/k2.webp">
                            <p>雷蛇 机械键盘</p>
                        </a>
                        <a href="#" class="box">
                            <p>美心 椰心 鸡蛋卷</p>
                            <img src="./imagine/k3.webp">
                        </a>
                        <a href="#" class="box1">
                            <img src="./imagine/k4.webp">
                            <p>不锈钢 梳妆台</p>
                        </a>
                        <a href="#" class="box">
                            <p>26支专业套装套刷</p>
                            <img src="./imagine/k5.webp">
                        </a>
                    </div>
                </div>
            </div>
            <div class="smart">
                <div class="smart_left">
                    <div class="smart_left_title">
                        <div class="smart_left_title_left">
                            <span></span>
                            <p>智能数码</p>
                            <div class="smart_code">
                                <img src="./imagine/code1.png">
                            </div>
                        </div>
                        <div class="smart_left_title_right">
                            <a href="">智能门锁</a>
                            <a href="">平衡车</a>
                            <a href="">智能手表</a>
                            <a href="">智能音箱</a>
                            <a href="">智能频道</a>
                        </div>
                    </div>
                    <div class="smart_left_bottom">
                        <div class="smart_left_pic">
                            <img src="./imagine/b_img1.jpg">
                            <div class="smart_left_bottom_over"></div>
                            <p>智能数码</p>
                            <p>爆款门锁直降</p>
                        </div>
                        <ul class="smart_left_img">
                            <li>
                                <a>
                                    <p>小天才手表</p>
                                    <p>儿童手表低至348起</p>
                                </a>
                                <a>
                                    <img src="./imagine/good01.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>智能数码闹元宵</p>
                                    <p>爆款至高12期免息</p>
                                </a>
                                <a>
                                    <img src="./imagine/good02.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>家居品类日</p>
                                    <p>领券下单省100</p>
                                </a>
                                <a>
                                    <img src="./imagine/good03.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>智能潮品</p>
                                    <p>爆款低至79元</p>
                                </a>
                                <a>
                                    <img src="./imagine/good04.jpg">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="car_right">
                    <div class="smart_left_title">
                        <div class="smart_left_title_left">
                            <span></span>
                            <p>汽车</p>
                            <div class="smart_code">
                                <img src="./imagine/code2.png">
                            </div>
                        </div>
                        <div class="smart_left_title_right">
                            <a href="">车管家</a>
                            <a href="">易好车</a>
                            <a href="">汽车广场</a>
                            <a href="">苏宁汽车</a>
                        </div>
                    </div>
                    <div class="smart_left_bottom">
                        <div class="smart_left_pic">
                            <img src="./imagine/b_img2.jpg">
                            <div class="smart_left_bottom_over"></div>
                            <p>车载空净半价购</p>
                            <p>健康保价</p>
                        </div>
                        <ul class="smart_left_img">
                            <li>
                                <a>
                                    <p>新车会场</p>
                                    <p>购车送油卡</p>
                                </a>
                                <a>
                                    <img src="./imagine/good05.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>品质二手车</p>
                                    <p>首付低至一成</p>
                                </a>
                                <a>
                                    <img src="./imagine/good06.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>分期购车</p>
                                    <p>一成首付 秒提新车</p>
                                </a>
                                <a>
                                    <img src="./imagine/good07.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>电摩新年焕新</p>
                                    <p>爆品预售定金翻倍抵</p>
                                </a>
                                <a>
                                    <img src="./imagine/good08.jpg">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>  
            </div>
            <div class="smart">
                <div class="home_life_left">
                    <div class="smart_left_title">
                        <div class="smart_left_title_left">
                            <span></span>
                            <p>生活家电</p>
                            <div class="smart_code">
                                <img src="./imagine/code3.png">
                            </div>
                        </div>
                        <div class="smart_left_title_right">
                            <a href="">个人健康</a>
                            <a href="">厨房电器</a>
                            <a href="">炊具</a>
                            <a href="">生活家电</a>
                        </div>
                    </div>
                    <div class="smart_left_bottom">
                        <div class="smart_left_pic">
                            <img src="./imagine/b_img3.jpg">
                            <div class="smart_left_bottom_over"></div>
                            <p>生活家电</p>
                            <p>9.9抢好货</p>
                        </div>
                        <ul class="smart_left_img">
                            <li>
                                <a>
                                    <p>生活电器</p>
                                    <p>戴森直降700</p>
                                </a>
                                <a>
                                    <img src="./imagine/good09.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>烹饪炊具</p>
                                    <p>满299减40</p>
                                </a>
                                <a>
                                    <img src="./imagine/good10.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>厨房电器</p>
                                    <p>爆款99元起</p>
                                </a>
                                <a>
                                    <img src="./imagine/good11.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>个护健康</p>
                                    <p>爆款买赠好礼</p>
                                </a>
                                <a>
                                    <img src="./imagine/good12.jpg">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="home_right">
                    <div class="smart_left_title">
                        <div class="smart_left_title_left">
                            <span></span>
                            <p>家装建材</p>
                            <div class="smart_code">
                                <img src="./imagine/code3.png">
                            </div>
                        </div>
                        <div class="smart_left_title_right">
                            <a href="">家装馆</a>
                            <a href="">卫浴馆</a>
                            <a href="">家具馆</a>
                            <a href="">家装狂欢购</a>
                        </div>
                    </div>
                    <div class="smart_left_bottom">
                        <div class="smart_left_pic">
                            <img src="./imagine/b_img4.jpg">
                            <div class="smart_left_bottom_over"></div>
                            <p>车载空净半价购</p>
                            <p>健康保价</p>
                        </div>
                        <ul class="smart_left_img">
                            <li>
                                <a>
                                    <p>A家家具</p>
                                    <p>领券立减50</p>
                                </a>
                                <a>
                                    <img src="./imagine/good13.png">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>卫浴馆</p>
                                    <p>每100减20</p>
                                </a>
                                <a>
                                    <img src="./imagine/good14.png">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>五金电工</p>
                                    <p>爆款低至7折</p>
                                </a>
                                <a>
                                    <img src="./imagine/good15.jpg">
                                </a>
                            </li>
                            <li>
                                <a>
                                    <p>公牛钜惠日</p>
                                    <p>每300减15</p>
                                </a>
                                <a>
                                    <img src="./imagine/good16.jpg">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="ad_pic">
                <a href="">
                    <img src="./imagine/img1.jpg">
                </a>
                <a href="">
                    <img src="./imagine/img2.jpg">
                </a>
                <a href="">
                    <img src="./imagine/img3.jpg">
                </a>
            </div>
            <div class="guess_like">
                <div class="guess_title">
                    <span></span>
                    <h5>猜你喜欢</h5>
                </div>
                <div class="guess_center">
                    <ul>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                        <li>
                            <a>
                                <img src="./imagine/list_img01.jpg">
                                <p>【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                                <p class="guess_price">
                                    <span>¥44.90</span>
                                </p>
                                <p>
                                    <span class="cut">秒杀</span>
                                    <span class="cut">领券88-5</span>
                                </p>
                            </a>
                            <div class="guess_too">
                                <a>找相似</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <p class="end">
                    <span></span>
                    END
                    <span></span>
                </p>
            </div>
            </div>
        <!-- 底部导航 -->
            <div class="footer">
                <div class="layout">
                <div class="footer_top">
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                        <li>返修/退换货</li>
                        <li>取消订单</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                        <li>返修/退换货</li>
                        <li>取消订单</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                </div>
                <div class="footer_bottom">
                    <p>Copyright©2010-2020 小U商城 版权所有 保留一切权利</p>
                    <p>京ICP备10218183 京ICP证161188号 京公网安备 11010802020593号 出版经营许可证新出发京批字第直130052号</p>
                </div>
            </div>
            </div>
    </div>
    <!-- 左侧导航固定定位 -->
    <ul class="left_nav">
        <li>
            <a href="javascript:;">特色优选</a>
        </li>
        <li>
            <a href="javascript:;">发现好货</a>
        </li>
        <li>
            <a href="javascript:;">服饰运动</a>
        </li>
        <li>
            <a href="javascript:;">金融阅读</a>
        </li>
        <li>
            <a href="javascript:;">猜你喜欢</a>
        </li>
        <li>
            <a href="javascript:;">&#xe60d; 顶部</a>
        </li>
    </ul>
</body>
</html>